

@media screen and (min-width:320px) {
    .edrsystem-container{
        position: relative;
        width: 92%;
        margin:0 auto;
        padding:50px 0;
    }
    .edrsystem-title{
        font-size: 18px;
        color:#333;
        text-align: center;
      
    }
    .edrsystem-txt{
        font-size: 9px;
        color:#666;
        line-height: 14px;
        text-align: center;
        margin:15px 0px;
    }
    .edr-detail{
        display: none;
        position: relative;
    }
  
    .edr-bg{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: rgba(38, 103, 143, .6);
        z-index: 1;
    }
    .edrsystem-desc img{
        position: relative;
        width: 100%;
        height: 250px;
    }
    .edr-detail-title{
        position: absolute;
        top:30px;
        left: 20px;
        z-index: 2;
        color:#fff;
        width: 80%;
    }
    .edrsystem-main{
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .edr-cate{
        position: relative;
        width: 100px;
        height: 80px;
      
        text-align: center;
        border-bottom: 1px solid #ccc; 
        cursor: pointer;      
    }
    .edr-cate span{
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .edr-cate.cur{
        background: #40c29e;
        color:#fff;
    }
    .edrsystem-desc {
        width: calc(100% - 100px);
        height: 240px;
    }
    .edrsystem-desc .cur{
        display: block;
    }
    .pro-footer{
        padding:50px 0;
        background: #edfbff;
    }
    .pro-desc{
        width: 80%;
        margin:10px auto;
        text-align: center;
    }
    .pro-btn{
        width: 80px;
        margin: 0 auto;
        height: 26px;
        line-height: 26px;
        border-radius: 13px;
        text-align: center;
        background: #40c29e;
        color:#fff;
        font-size: 12px;
        margin-top: 25px;
        cursor: pointer;
        overflow: hidden;
    }

}

@media screen and (min-width:992px) {
    .edrsystem-container{
        position: relative;
        width: 92%;
        margin:0 auto;
        padding:60px 0;
    }
    .edrsystem-title{
        font-size: 28px;
        color:#333;
        text-align: center;
      
    }
    .edrsystem-txt{
        font-size: 12px;
        color:#666;
        line-height: 20px;
        text-align: center;
        margin:20px 0px;
    }
    .edr-detail{
        display: none;
        position: relative;
    }
  
    .edr-bg{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: rgba(38, 103, 143, .6);
        z-index: 1;
    }
    .edrsystem-desc img{
        position: relative;
        width: 100%;
        height: 270px;
    }
    .edr-detail-title{
        position: absolute;
        top:40px;
        left: 26px;
        z-index: 2;
        color:#fff;
        width: 80%;
    }
    .edrsystem-main{
        display: flex;
        justify-content: center;
    }
    .edr-cate{
        position: relative;
        width: 160px;
        height: 90px;
        text-align: center;
        border-bottom: 1px solid #ccc; 
        cursor: pointer;      
    }
    .edr-cate span{
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .edr-cate.cur{
        background: #40c29e;
        color:#fff;
    }
    .edrsystem-desc {
        width: 500px;
        height: 270px;
        overflow: hidden;
    }
    .edrsystem-desc .cur{
        display: block;
    }
    .pro-footer{
        padding:60px 0;
        background: #edfbff;
    }
    .pro-desc{
        width: 600px;
        margin:12px auto;
        text-align: center;
    }
    .pro-btn{
        width: 72px;
        margin: 0 auto;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        text-align: center;
        background: #40c29e;
        color:#fff;
        font-size: 12px;
        margin-top: 30px;
        cursor: pointer;
        overflow: hidden;
    }

}

@media screen and (min-width:1200px) {
    .edrsystem-container{
        position: relative;
        width: 1200px;
        margin:0 auto;
        padding:100px 0;
    }
    .edrsystem-title{
        font-size: 36px;
        color:#333;
        text-align: center;
      
    }
    .edrsystem-txt{
        font-size: 16px;
        color:#666;
        line-height: 28px;
        text-align: center;
        margin:30px 0px;
    }
    .edr-detail{
        display: none;
        position: relative;
    }
  
    .edr-bg{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: rgba(38, 103, 143, .6);
        z-index: 1;
    }
    .edrsystem-desc img{
        position: relative;
        width: 100%;
        height: 504px;
    }
    .edr-detail-title{
        position: absolute;
        top:70px;
        left: 40px;
        z-index: 2;
        color:#fff;
        width: 80%;
    }
    .edrsystem-main{
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .edr-cate{
        position: relative;
        width: 366px;
        height: 168px;
      
        text-align: center;
        border-bottom: 1px solid #ccc; 
        cursor: pointer;      
    }
    .edr-cate span{
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .edr-cate.cur{
        background: #40c29e;
        color:#fff;
    }
    .edrsystem-desc {
        width: 835px;
        height: 504px;
    }
    .edrsystem-desc .cur{
        display: block;
    }
    .pro-footer{
        padding:100px 0;
        background: #edfbff;
    }
    .pro-desc{
        width: 1000px;
        margin:20px auto;
        text-align: center;
    }
    .pro-btn{
        width: 160px;
        margin: 0 auto;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        text-align: center;
        background: #40c29e;
        color:#fff;
        font-size: 14px;
        margin-top: 50px;
        cursor: pointer;
        overflow: hidden;
    }


}
.footer{
    position: relative;
}